 
 
 @media all and (max-width:2560px){
     html,body{
 	      font-size:71px!important; /*71.25 */
 	}
 
   .turn{
     float:left;
     margin-left:-0.814rem!important;
     margin-top:0.3rem!important;
   }
   .inptime{
     height:0.56rem!important;
   }
   .roundline{
     position:relative;
   }
   .turnbtn{
     float:right;
     position:absolute;
     top:0.1rem;
     right:0.1rem;
   }
  
  .roundline .demo{
     margin-left:-0.814rem!important;
     margin-top:0.154rem!important;
   }
 }
 @media all and (max-width:1920px){
 	html,body{
 		font-size:51.4px!important;
 	  }
 	.sele{
 	  height:0.8rem!important;
 	}
 	
 	
 	.turn{
 	  float:left;
 	  transform: translate(-0.4rem,-0.1rem)!important;
 	  /* margin-left:-2rem!important; */
 	  margin-top:0.15rem!important;
 	}
 	.inptime{
 	  height:0.8rem!important;
 	}
 	.roundline{
 	  position:relative;
 	}
 	.turnbtn{
 	  float:right;
 	  position:absolute;
 	  top:0.1rem;
 	  right:0.1rem;
 	}
 	
 	.roundline .demo{
 	  margin-left:-0.75rem!important;
 	  /* margin-top:0.1rem; */
 	}
 	.itemLine .demo{
 	  margin-left:-1.1rem!important;
 	  margin-top:-0.1rem;
 	}
 }
 @media all and (max-width:1600px){
 	html,body{
 		font-size:41.65px!important;
 	  }
 	  
 	  .turn{
 		float:left;
 		transform: translate(-0.9rem,-0.3rem)!important;
 		/* margin-left:-2rem!important; */
 		/* margin-top:0.1rem!important; */
 	  }
 	  .inptime{
 		height:1rem!important;
 	  }
 	  
 	  .roundline{
 		position:relative;
 	  }
 	  .turnbtn{
 		position:absolute!important;
 		top:0.1rem!important;
 		right:0.1rem!important;
 	  }
 }
 @media all and (max-width:1440px){
 	html,body{
 		font-size:41.65px!important;
 	  }
 	  .inptime{
 	  height:1rem!important;
 	}
 }
 @media all and (max-width:1366px){
     html,body{
      font-size:34.4px!important;
     }
     .inptime{
        margin-top:0.26rem!important;
        height:1.1rem!important;
     }
 }
 @media all and (max-width:1280px) and (max-height:960px){
     html,body{
     font-size:45px!important;
   }
 }
 @media all and (max-width:1280px) and (max-height:800px){
     html,body{
          font-size:36px!important;
        }
 }
 @media all and (max-width:1280px) and (max-height:768px){
     html,body{
       font-size:34.4px!important;
     }
 }

.toptit {
    width: 100%;
    height: 0.7rem;
    line-height: 0.7rem;
    background-color:#2C3E50!important;
    position: absolute;
    top: 0;
    left: 0;
	font-size:0.3rem;
    padding: 0 0.2rem!important;
  }
  
  .cardActive{
    color:deepskyblue!important;
    box-shadow: 0px 0px 10px 5px inset deepskyblue;
    /* background-color: #E6A23C; */
  }
	.no,
	.yes,
	.no_grey,
	.off {
		display: inline-block;
		width: 0.5rem;
		height: 0.5rem;
		border-radius: 50%;
		-ms-transform: translateY(0.05rem);
		-webkit-transform: translateY(0.05rem);
		transform: translateY(0.05rem);
		margin-left:0!important;
		
	}
	
	.no {
		background: radial-gradient(circle, white 5%, red);
	}
	
	.yes {
		background: radial-gradient(circle, white 5%, green);
	}
	
	/* .no {
	    background:url(../static/no.png) no-repeat;
	    background-size: 100% 100%;
	}
	
	.yes {
	    background:url(../static/yes.png) no-repeat;
	    background-size: 100% 100%;;
	} */
	
	.no_grey{
		background: radial-gradient(circle, #ccc 2%, #666);
	}
	
	.off{
		background: radial-gradient(circle, white 5%, #aaa);
	}
	.bt_outer{
		position:relative;
		display:inline-block;
		width:0.45rem;
		height:0.45rem;
		padding:0;
		box-sizing: content-box!important;
		cursor: pointer;
		border-radius: 50%;
		-ms-transform:translate(0.1rem,0.14rem);
		-webkit-transform:translate(0.1rem,0.14rem);
		transform:translate(0.1rem,0.14rem);
		border:3px solid #ccc;
	}
	.bt_inner_on,.bt_inner_off{
		display:block;
		box-sizing:border-box!important;
		width:0.45rem;
		height:0.45rem;
		position:absolute;
		top:0;
		left:0;
		border-radius: 50%;
		/* background-color:forestgreen; */
	}
	.bt_inner_off{
		/* background-color:orangered; */
	}
	.alarm_on {
		-ms-transform:translate(0.05rem,0.14rem);
		-webkit-transform:translate(0.05rem,0.14rem);
		transform: translate(0.05rem, 0.14rem);
		color: #ff3300;
		font-size: 0.6rem;
		-ms-animation: alarm 500ms linear 100ms infinite;
		-webkit-animation: alarm 500ms linear 100ms infinite;
		animation: alarm 500ms linear 100ms infinite;
	}
	
	.alarm_off {
		-ms-transform:translate(0.05rem,0.14rem);
		-webkit-transform:translate(0.05rem,0.14rem);
		transform: translate(0.05rem, 0.14rem);
		transform: translate(0.05rem, 0.14rem);
		color: #ccc;
		font-size: 0.6rem;
	}